<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style type="text/css">

            body { margin: 0 ; padding: 0  }

            .wrapper {
                height: 600px ;
                width: 100% ;
                border: 1px solid blue ;
            }

            .first {
                background-image: url("bg1.jpg");
                background-repeat: no-repeat ;
                background-position: center center ;
                background-attachment: fixed ;
                background-size: cover ;
            }

            .second {
                background-image: url("bg2.jpg");
                background-repeat: no-repeat ;
                background-position: center center ;
                background-attachment: fixed ;
                background-size: cover ;
            }

            .third {
                background-image: url("bg3.jpg");
                background-repeat: no-repeat ;
                background-position: center center ;
                background-attachment: fixed ;
                background-size: cover ;
            }
        </style>
    </head>
    <body>

        <div class="wrapper"></div>
        <div class="wrapper first"></div>
        <div class="wrapper"></div>
        <div class="wrapper second"></div>
        <div class="wrapper"></div>
        <div class="wrapper third"></div>
        <div class="wrapper"></div>

    </body>
</html>